// @use '../../styles/variables' as *;
// .leo-select {
//     position: relative;
//     .leo-input-wrapper {
//         cursor: pointer;
//         &:hover {
//           input {
//             border-color: $primary !important;
//           }
//         }
//       }
//     input {
//         &[readonly] {
//             background-color: $input-bg;
//             border:$input-border-width solid $input-border-color;
//             cursor: pointer;
//         }
//         &:disabled {
//             background-color: $input-disabled-bg;
//             border-color: $input-disabled-border-color;
//             cursor: not-allowed;
//         }
//     }
//     .icon-wrapper {
//         transition: transform .25s ease-in-out;
//         transform: rotate(0deg) !important;
//     }
// }   

// .leo-select.menu-is-open {
//     .icon-wrapper {
//         transform: rotate(180deg) !important;
//     }
// }

// .leo-select-dropdown {
//     list-style:none;
//     padding-left: 0;
//     white-space: nowrap;
//     position: absolute;
//     background: $white;
//     z-index: 100;
//     top: calc(100% + 8px);
//     left: 0;
//     border: $menu-border-width solid $menu-border-color;
//     box-shadow: $submenu-box-shadow;
//     width: 100%;
//     .leo-select-item {
//       padding: $menu-item-padding-y $menu-item-padding-x;
//       cursor: pointer;
//       transition: $menu-transition;
//       color: $body-color;
//       display: flex;
//       align-items: center;
//       justify-content: space-between;
//       &.is-selected {
//         color: $menu-item-active-color ;
//         font-weight: $font-weight-bold;
//       }
//       &.is-disabled {
//         color: $menu-item-disabled-color;
//         pointer-events: none;
//         cursor: default;
//       }
//       &:hover {
//         background-color: rgba($primary, .1);
//       }
//     }
//   }